export default [
    {
        title: 'Tabs',
        props: [
            {
                name: '<code>v-model</code>',
                description: 'Binding value, tab index. Passing undefined will show the first tab, null will show no tab',
                type: 'String, Number, Null',
                values: '—',
                default: '<code>undefined</code>'
            },
            {
                name: '<code>expanded</code>',
                description: 'Make tab full width',
                type: 'Boolean',
                values: '—',
                default: '<code>false</code>'
            },
            {
                name: '<code>animated</code>',
                description: 'Tabs have slide animation',
                type: 'Boolean',
                values: '—',
                default: '<code>true</code>'
            },
            {
                name: '<code>animateInitially</code>',
                description: 'Apply animation on the initial render',
                type: 'Boolean',
                values: '—',
                default: '<code>undefined</code>'
            },
            {
                name: '<code>animation</code>',
                description: 'Custom animation (transition name)',
                type: 'String',
                values: '—',
                default: '<code>slide-next</code> <code>slide-prev</code>'
            },
            {
                name: '<code>type</code>',
                description: 'Type/Style of the tab, optional',
                type: 'String',
                values: '<code>is-boxed</code>, <code>is-toggle</code>',
                default: '—'
            },
            {
                name: '<code>size</code>',
                description: 'Size of the tab, optional',
                type: 'String',
                values: '<code>is-small</code>, <code>is-medium</code>, <code>is-large</code>',
                default: '—'
            },
            {
                name: '<code>position</code>',
                description: 'Position of the tab, optional',
                type: 'String',
                values: '<code>is-centered</code>, <code>is-right</code>',
                default: '—'
            },
            {
                name: '<code>vertical</code>',
                description: 'Display the tabs vertically. The content will be placed at right.',
                type: 'Boolean',
                values: '—',
                default: '<code>false</code>'
            },
            {
                name: '<code>destroy-on-hide</code>',
                description: 'Destroy tabitem on hide',
                type: 'Boolean',
                values: '—',
                default: '<code>false</code>'
            },
            {
                name: '<code>multiline</code>',
                description: 'Tabs will be multilined',
                type: 'Boolean',
                values: '—',
                default: '<code>false</code>'
            },
        ],
        events: [
            {
                name: '<code>update:modelValue</code>',
                description: 'Triggers when tab is changed',
                parameters: '<code>value: String|Number</code>'
            }
        ],
        slots: [
            {
                name: 'default',
                description: 'Tab items',
                props: '—'
            },
            {
                name: 'start',
                description: 'Content before the tabs',
                props: '—'
            },
            {
                name: 'end',
                description: 'Content after the tabs',
                props: '—'
            }
        ]
    },
    {
        title: 'Item',
        props: [
            {
                name: '<code>label</code>',
                description: 'Tab label',
                type: 'String',
                values: '—',
                default: '—'
            },
            {
                name: '<code>value</code>',
                description: 'Tab identifier',
                type: 'String',
                values: '—',
                default: 'Vnode uid'
            },
            {
                name: '<code>icon</code>',
                description: 'Icon name',
                type: 'String',
                values: '—',
                default: '—'
            },
            {
                name: '<code>icon-pack</code>',
                description: 'Icon pack to use',
                type: 'String',
                values: '—',
                default: '<code>mdi</code>'
            },
            {
                name: '<code>disabled</code>',
                description: 'Item is disabled',
                type: 'Boolean',
                values: '-',
                default: 'false'
            },
            {
                name: '<code>visible</code>',
                description: 'Item is visible',
                type: 'Boolean',
                values: '-',
                default: 'true'
            },
            {
                name: '<code>headerClass</code>',
                description: 'The classes to add to the tab header',
                type: 'String, Array, Object',
                values: '-',
                default: '-'
            },
            {
                name: '<code>order</code>',
                description: 'Order of the tab. <code>Tabs</code> sorts the tabs in ascending order of this value. By default, the order is determined according to when tabs are mounted in sequence. You have to give an explicit value if you want to keep the ordering when the number of tabs in <code>Tabs</code> may vary.',
                type: 'Number',
                values: '-',
                default: '-'
            }
        ],
        slots: [
            {
                name: 'default',
                description: 'Tab item body',
                props: '—'
            },
            {
                name: '<code>header</code>',
                description: 'Tab item custom header',
                props: '—'
            }
        ]
    }
]
